<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <input type="text" :value="msg">
        <a v-bind:href="url">{{urlName}}</a>
        <button :disabled="disabled">按钮</button>

        <input type="text" v-model="urlName">
        <input type="text" v-model="urlName">
    </div>
    <script src="./js/vue.js"></script>
    <script>
        /* 指令语法:$
        v-bind :单向数据绑定 
        v-model :双向数据绑定(通常用于表单元素：input、select、textarea) */
        const vm = new Vue({
            data: {
                msg: "范围哥哥",
                url: "heet://gegege.com",
                urlName: "尚硅谷",
                disabled: true
            },

        })
        vm.$mount("#app");
    </script>
</body>

</html>